dt,dd,dl,ul,li,div,img,html,body,ol,input {
	margin: 0;
	padding: 0;
}
html {
	font: menu;
	font-size: 12px;
}
body {
	font-size: 16px;
	background: url(../Images/bathroom-tile.png);
}
img {
	border:none;
}
ul {
	list-style: none;
}
.h5 {
	font-size: 0.9rem; /* 大致相当于30px 2.4 * 12 */
}
.moa-item {
	margin: 1em;
}
.h5 .moa-item {
	margin: 1em 1em;
}
/* 通用样式 */
.flt-r {
	float: right;
}
.mg-0-auto{
	margin: 0 auto;
}
.mgl-1rem{
	margin-left: 1rem;
}
.mgl-2rem{
	margin-left: 2rem;
}
.moa-item .label {
	display: inline-block;
	width: 95%;
	margin-right: 1rem;
}
/* .h5 .moa-item .label{
	width: 7rem;
} */
.pa-link {
	display: inline-block;
	cursor: pointer;
}
.text-a-r{
	text-align: right;
}
.pa-title-wrap {
  display: inline-block;
  border: 1px solid #2ab39a;
  text-align: center;
  border-radius: 3px;
}
.pa-title-item {
  display: inline-block;
  margin: 0;
  cursor: pointer;
  padding: 0.2em 0.5em;
  float: left;/* 消除间隙的 */
}
.pa-title-item.on {
  background: #2ab39a;
  color: #fff;
}
.pa-title-item ~ .pa-title-item {
  border-left: 1px solid #2ab39a;
}
/* 通用样式 结束 -------------------------------------------------- */
.top {
	box-sizing: border-box;
	height: 81px;
	background: url(../Images/rug.png);
	padding-top: 23px;
	padding-left: 1em;
	padding-right: 1em;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	overflow: hidden;
	width: 100vw;
}
.h5 .top {
	/* height: 12rem; */
	width: initial;
	/* padding-top: 4rem; */
}
.pa-top{
	position: absolute; margin-top: -2em;
}
.h5 .pa-top {
	margin-top: -2.5em;
}
#send {
	display: block;
	/* width: 120px; */
	/* height: 65px; */
	width: 8em;
	height: 4em;
	cursor: pointer;
	background: url(../Images/send.png) no-repeat;
	margin: 0 auto;
}
.h5 #send {
	background-size: cover;
	width: 6em;
	height: 3em;
}
.send-form {
	width: 360px;
	height: auto;
	background: #fff;
	/* display: none; */
	position: absolute;
	z-index: 999;
	left: 50%;
	transform: translateX(-180px);
	padding-bottom: 0.5rem;
}
.h5 .send-form {
	width: 66vw;
	left: 17vw;
	transform: initial;
}
.form-content{
	overflow: auto;
	max-height: 70vh;
}
.send-form form p {
	/* width: 340px; */
	width: 98%;
	height: auto;
	overflow: hidden;
	padding: 10px;
}
.send-form form p label {
	display: block;
	width: 340px;
	height: 24px;
	line-height: 24px;
	color: #888888;
}
.h5 .send-form .label {
	display: inline-block;
	width: 98%;
	/* height: 4.5rem; */
	/* font-size: 2.5rem; */
	margin-bottom: .7rem;
}
#font-num {
	font-family :'Constantia,Georgia';
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #444444;
}
.send-form input{
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 180px;
	height: 2em;
	padding: 5px;
}
.h5 .send-form input{
	width: 95%;
	font-size: 1em;
}
.search.moa-input{
	width: 44px;
	height: 2.5em;
	border: 1px solid #ccc;
	border-radius: 2.5em;
	padding: 5px;
	transition: width linear .23s;
}
.search.moa-input:focus{
	width: 180px;
}
.h5 .search.moa-input{
	width: 2.9em;
	height: 2.5em;
	/* font-size: 1em; */
}
.h5 .search.moa-input:focus{
	width: 95%;
}
.moa-search{
	width: 11em;
}
.send-form textarea{
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: none;
	padding: 5px;
	width: 300px;
	height: 80px;
}
.h5 .send-form textarea{
	width: 95%;
	height: 7em;
	font-size: 1em; 
}
#phiz{
	/* width: 300px; */
	/* height: 30px; */
	line-height: 1.3;
	/* margin-left: 10px; */
}
.h5 .emoji {
	width: 1.6em;
	height: 1.6rem;
}
#phiz img {
	cursor: pointer;
	margin-right: 4px;
}
textarea:focus,
input[type="text"]:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.send-form .title {
	width: 360px;
	height: 56px;
	background: url(../Images/send-title.png) repeat-x;
}
.h5 .send-form .title {
	width: 100%;
	height: 10vw;
	background-size: 100%;
}
.send-form .title span {
	display: block;
	width: 260px;
	height: 56px;
	line-height: 50px;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.h5 .send-form .title span {
	width: 100%;
	height: 100%;
	/* font-size: 3.5rem; */
	line-height: 9vw;
}
.send-form .title a {
	display: block;
	width: 29px;
	height: 24px;
	background: url(../Images/close.png) no-repeat;
	float: right;
	margin-top: 16px;
	margin-right: 10px;
	position: absolute;
	right: 0.5em;
	margin-top: -42px;
}
.h5 .title #close {
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -2.2rem;
	/* background-size: cover; */
}
.send-form .title a:hover {
	background-position: -43px 0;
}
.h5 .send-form .title a:hover {
	background-position: initial;
}
#send-btn {
	display: block;
	width: 120px;
	height: 50px;
	background: url(../Images/send-btn.png) no-repeat;
	cursor: pointer;
	float: right;
	margin: 10px;
}
.h5 #send-btn {
	width: 5em;
	height: 2.2rem;
	background-size: 100%;
	margin-bottom: 1.5rem;
	margin-right: 2.5rem; 
}
#main {
	width: 100%;
	position: relative;
}
.paper{
	width: 235px;
	height: auto;
	overflow: hidden;
	position: absolute;
	color: #666;
	max-height: 80vh;
	overflow-y: auto;
}
.h5 .paper {
	width: 15em;
}
.paper .title {
	/* width: 220px; */
	width: 100%;
	/* height: 18px; */
	cursor: move;
	padding-left: 15px;
	padding-top: 48px;
	display: inline-block;
}
.h5 .paper .title {
	box-sizing: border-box;
	padding-bottom: 0;
	padding-top: 3em;
}
.paper .text-title{
	font-size: 13px;
	float: left;
	color: #3875D7;
}
.h5 .paper .text-title {
	font-size: 1rem;
	line-height: 1.2;
}
.paper dt .num{
	font-size: 12px;
	color: #81C01A;
	padding-right: 2em;
	margin-top: -.51em;
}
.h5 .paper dt .num {
	font-size: x-small;
	padding-right: 1em; 
}
.paper .title{
	margin-bottom: -2rem;
}
.paper .content{
	/* width: 205px; */
	box-sizing: border-box;
	/* width: 95%; */
	/* width: 100%; */
	height: auto;
	overflow: hidden;
	padding: 5px 12px 5px 25px;
	font-size: 12px;
	word-break: break-all;
	word-wrap: normal;
	line-height: 1.5;
	white-space: pre-wrap;
	margin-top: -0.2em;
}
.paper .content img{
	width: 1.3em;
	height: 1.3em;
}
.paper .text-title img {
	width: 1em;
	height: 1em;
}
.h5 .paper .content {
	/* font-size: 2.5rem; */
	box-sizing: border-box;
	font-size: 1em;
	line-height: 1.4;
	width: 102%;
	padding-left: 2em;
	padding-right: 1.5em;
	margin-bottom: -0.5em;
	padding-top: 0.3em;
	padding-bottom: 1em;
}
.paper .bottom {
	/* width: 205px; */
	width: 100%;
	height: 71px;
	padding: 26px 5px 0 25px;
}

.h5 .paper .bottom {
	height: 3rem;
	padding: 0.5em 0.5em 0 1em; 
}
.paper .bottom .time {
	font-size: 12px;
	color: #999999;
	float: left;
}
.h5 .paper .bottom .time {
	/* font-size: 1.85rem; */
	margin-left: 1rem;
}
.paper .bottom .close {
	display: block;
	width: 29px;
	height: 24px;
	background: url(../Images/close.png) no-repeat;
	float: right;
	/* margin-right: 1rem; */
}
.h5 .paper .bottom .close {
	/* width: 4rem; */
	/* height: 3.8rem; */
	/* background-size: 260%; */
}
.paper .bottom .close:hover {
	background-position: -43px 0;
}
.h5 .paper .bottom .close:hover {
	background-position: 0 0;
}
.a1 dt {
	background: url(../Images/a1_1.gif) no-repeat 0; background-size: 100%;
}
.h5 .a1 dt {
	background: url(../Images/a1_1.gif) no-repeat 1px 0;
	background-size: 100%;
}
.a1 .content {
	background : url(../Images/a1_2.gif) repeat-y -2px;
}
.h5 .a1 .content {
	background : url(../Images/a1_2.gif) repeat-y -1px;
	background-size: 99%;
}
.a1 .bottom{
	background: url(../Images/a1_3.gif) no-repeat 0px;
	background-size: 100%;
}
.h5 .a1 .bottom{
	background: url(../Images/a1_3.gif) no-repeat 1px -20px;
	background-size: 100%;

}
.a2 dt {
	background: url(../Images/a2_1.gif) no-repeat 0;	background-size: 100%;
}
.h5 .a2 dt {
	background: url(../Images/a2_1.gif) no-repeat 1px 0;
	background-size: 100%;
}
.a2 .content {
	background : url(../Images/a2_2.gif) repeat-y -2px;
}
.h5 .a2 .content {
	background : url(../Images/a2_2.gif) repeat-y -1px;
	background-size: 99%;
}
.a2 .bottom{
	background: url(../Images/a2_3.gif) no-repeat 0px;
	background-size: 100%;
}
.h5 .a2 .bottom{
	background: url(../Images/a2_3.gif) no-repeat 1px -20px;
	background-size: 100%;
}
.a3 dt {
	background: url(../Images/a3_1.gif) no-repeat 0;	background-size: 100%;
}
.h5 .a3 dt {
	background: url(../Images/a3_1.gif) no-repeat 1px 0;
	background-size: 100%;
}
.a3 .content {
	background : url(../Images/a3_2.gif) repeat-y -2px;
}
.h5 .a3 .content {
	background : url(../Images/a3_2.gif) repeat-y -1px;
	background-size: 99%;
}
.a3 .bottom{
	background: url(../Images/a3_3.gif) no-repeat 0px;
	background-size: 100%;
}
.h5 .a3 .bottom{
	background: url(../Images/a3_3.gif) no-repeat 1px -20px;
	background-size: 100%;
}
.a4 dt {
	background: url(../Images/a4_1.gif) no-repeat 0;	background-size: 100%;
}
.h5 .a4 dt {
	background: url(../Images/a4_1.gif) no-repeat 1px 0;
	background-size: 100%;
}
.a4 .content {
	background : url(../Images/a4_2.gif) repeat-y -2px;
}
.h5 .a4 .content {
	background : url(../Images/a4_2.gif) repeat-y -1px;
	background-size: 99%;
}
.a4 .bottom{
	background: url(../Images/a4_3.gif) no-repeat 0px;
	background-size: 100%;
}
.h5 .a4 .bottom{
	background: url(../Images/a4_3.gif) no-repeat 1px -20px;
	background-size: 100%;
}
.a5 dt {
	background: url(../Images/a5_1.gif) no-repeat 0;	background-size: 100%;
}
.h5 .a5 dt {
	background: url(../Images/a5_1.gif) no-repeat 1px 0;
	background-size: 100%;
}
.a5 .content {
	background : url(../Images/a5_2.gif) repeat-y -2px;
}
.h5 .a5 .content {
	background : url(../Images/a5_2.gif) repeat-y -1px;
	background-size: 99%;
}
.a5 .bottom{
	background: url(../Images/a5_3.gif) no-repeat 0px;
	background-size: 100%;
}
.h5 .a5 .bottom{
	background: url(../Images/a5_3.gif) no-repeat 1px -20px;
	background-size: 100%;
}

/* 登录注册 */
.moa-btn {
	display: inline-block;
	background: #0477c2;
	cursor: pointer;
	height: 2.7rem;
	line-height: 2.4rem;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	padding: 1px .5em;
}
.h5 .moa-btn {
	font-size: 1.1rem;
}
.moa-btn:hover {
	opacity: 0.88;
}